<template>
  <div>
    <tabbar slot="bottom" style="background:#35495e">
      <tabbar-item link="/">
        <img slot="icon" class="" src="../../../static/images/home_green.png">
        <span slot="label">首页</span> 
      </tabbar-item>

      <tabbar-item link="/select-user-card">
        <img slot="icon" class="" src="../../../static/images/question_green.png">
        <span slot="label">练习</span> 
      </tabbar-item>

      <tabbar-item link="/user-center">
        <img slot="icon" class="" src="../../../static/images/user_green.png">
        <span slot="label">我的</span> 
      </tabbar-item>
    </tabbar> 
  </div>
</template>

<script>
import { Tabbar, TabbarItem } from 'vux'

export default {
  name: 'TheMainMenu',
  components: {
    Tabbar,
    TabbarItem
  }
}
</script>
<style>

</style>
